﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="apple-itunes-app" content="app-id=591578609">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width"/>
	<meta name="description" content="筑学堂网校" />
	<meta name="keywords" content="筑学堂网校、建筑、考试"/>
	<link href="http://www.zhuclass.com/img/icon.ico" type="image/x-icon" rel="icon"  />
	<link href="http://www.zhuclass.com/img/icon.ico" type="image/x-icon" rel="shortcut icon"  />
	<link rel="stylesheet" type="text/css" href="../../style/share/style.css">
	<link rel="stylesheet" type="text/css" href="../../style/share/kczx.css">
	<link rel="stylesheet" type="text/css" href="../../style/share/home_style.css">
	<link rel="stylesheet" type="text/css" href="../../style/user.css">
	
	<link rel="stylesheet" href="../../kindeditor-4.1.10/themes/default/default.css" />
	<script charset="utf-8" src="../../kindeditor-4.1.10/kindeditor.js"></script>
	<script charset="utf-8" src="../../kindeditor-4.1.10/lang/zh_CN.js"></script>
	
	<script type="text/javascript" src="../../js/home.js"></script>
	<script type="text/javascript" src="../../js/jquery-1.7.0.min.js" ></script>
	<script language="javascript" type="text/javascript" src="../../My97DatePicker/WdatePicker.js"></script>

	
	<title>筑学堂家园个人空间</title>
	<style type="text/css">
		a {
			color:#222;
		}
		a:hover {
			color:#888;
		}
		
		li {
			list-style-type:none;
		}
		
		.menuselect{
		  background-color:#357C7A;
		  color:#FFF;
		}
		
	</style>
	
	<script type="text/javascript">
	   $(function(){
		   //默认加在热门群组页面
		   var flag = '${flag}';
		   if("main"==flag){
			   main();
		   }else if("topic"==flag){
			   topic();
		   }else if("activity"==flag){
			   activite();
		   }else{
			   main();
		   }
		  
		}); 
	
		function main(){
			$("#upimgButton").show();
			$("#nav03").find(".menuselect").removeClass("menuselect");
			
			$("#navli001").addClass("menuselect");
			
			$.ajax({ url: "../query_group_main_main/${group_id}", 
			       success: function(result){
		              $("#mainPageDiv").html(result);
		           }
		   });
		}
		
        function topic(){
        	$("#upimgButton").hide();
            $("#nav03").find(".menuselect").removeClass("menuselect");
			
			$("#navli002").addClass("menuselect");
			
        	$.ajax({ url: "../query_group_topic/${group_id}/1/${pageSize}?topicId=${topicId}", 
			       success: function(result){
		              $("#mainPageDiv").html(result);
		           }
		   });
		}
        
        function share(){
        	$("#upimgButton").hide();
            $("#nav03").find(".menuselect").removeClass("menuselect");
			
			$("#navli003").addClass("menuselect");
			
        	$.ajax({ url: "../query_group_share/${group_id}/1/${pageSize}", 
			       success: function(result){
		              $("#mainPageDiv").html(result);
		           }
		    });
		}
        
        function activite(){
        	$("#upimgButton").hide();
            $("#nav03").find(".menuselect").removeClass("menuselect");
			
			$("#navli004").addClass("menuselect");
			
        	$.ajax({ url: "../query_group_activity/${group_id}/1/${pageSize}?activityId=${activityId}", 
			       success: function(result){
		              $("#mainPageDiv").html(result);
		           }
		   });
		}
        
        function member(){
        	$("#upimgButton").hide();
            $("#nav03").find(".menuselect").removeClass("menuselect");
			
			$("#navli005").addClass("menuselect");
			
        	$.ajax({ url: "../query_group_member/${group_id}", 
			       success: function(result){
		              $("#mainPageDiv").html(result);
		           }
		    });
		}
        
        function upimg(group_img){
        	if(group_img==null||group_img.length==0){
        		group_img = "default";
        	}
        	
        	var url = "../group_main_upimg";
        	 $.ajax({ url:url , 
        		    type:"post",
        		    data:{
        		    	group_id:'${group_id}',
        		    	group_img:group_img,
        		    },
        		    success: function(result){
        		    	$("#mainPageDiv").html(result);
  		           }
     	     });
        	
        }
	   
	</script>
</head>
<body style="align:center; padding:0;margin:0;clear:both; background-color:FFF;">

<!--顶部导航-->
<div class="user_top">
	<div class="user_top01">
		<div class="user_top02"> 
		 <a href="drm_home.htm"><img src="../../images/home.png"/>&nbsp;&nbsp;筑学堂家园</a>
		 <a href="../../study_platform/teacher_platform/teac_class.htm"><img src="../../images/xxpt.png"/>&nbsp;&nbsp;讲师工作平台</a>
		 <a href="../../study_platform/study_platform/my_teachplat.htm"><img src="../../images/xxpt.png"/>&nbsp;&nbsp;学习平台</a> </div>
		<ul class="user_top03">
			<li> <a href="drm_user_pert.htm">admin</a> </li>
			<li> <a href="drm_user_lettert.htm">信息中心</a>
				<ul>
					<li> <a href="drm_user_lettert.htm"> 邀请&nbsp;<span style="font-size:10px;color:#F90;">10 </span> </a> </li>
					<li> <a href="drm_user_letinfort.htm"> 通知&nbsp;<span style="font-size:10px;color:#F90;">10 </span> </a> </li>
				</ul>
			</li>
			<li> <a href="#">账号设置</a>
				<ul>
					<li> <a href="drm_user_recordt.htm"> 基本资料 </a> </li>
					<li> <a href="drm_user_repasst.htm"> 修改密码 </a> </li>
					<li> <a href="../../ori_page/index.htm"> 安全退出 </a> </li>
				</ul>
			</li>
			<li> <a href="#">帮&nbsp;&nbsp;助</a> </li>
			<li> <a href="../../ori_page/index_logo.htm">返回首页</a> </li>
		</ul>
	</div>
</div>
<!--end顶部导航-->

<div class="user_bant">
	<div class="user_ban01">
		<div class="user_ban02">
			<div class="user_ban03"> <img src="http://resource.zhuclass.com/cdrmimg/${data.group_img}?w=50&h=50"/> </div>
			<div class="user_ban04">
				<table width="160px" height="50px">
					<tr height="25px">
						<td width="80px" style="font-size:14px;font-weight:700;"><a href="#">${data.group_nm}</a></td>
					</tr>
					<tr height="25px">
						<td width="50px"> 群成员：${data.merber_cnt}</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
<div style="width:100%;height:10px;margin:0 auto;"></div>
<div class="user_body" style="background-color:#FFF;">
	<div class="user_body_nav">
		<ul id="nav03" style="background-color:#87C7C6;color:#FFF;padding-left:10px;">
			<a href="#" onclick="main()">
			<li id="navli001" class="menuselect" >主&nbsp;&nbsp;页</li>
			</a> 
			<a href="#" onclick="topic()">
			<li id="navli002">话&nbsp;&nbsp;题</li>
			</a> 
			
			<a href="#" onclick="share()">
			<li id="navli003">共&nbsp;&nbsp;享</li>
			</a> 
			
			<a href="#" onclick="activite()">
			<li id="navli004">活&nbsp;&nbsp;动</li>
			</a>
			
			 <a href="#" onclick="member()">
			<li id="navli005">成&nbsp;&nbsp;员</li>
			</a>
		</ul>
	</div>
	<div class="user_body01">
		<div class="zy_left" style="border:none;">
			<div class="zy_left01">
				<div class="zy_left0101"> 
					<c:if test="${data.group_img == null}">
						<img src="../../images/group01.jpg"/> 
					</c:if>
					<c:if test="${data.group_img != null}">
						<img  width="150px" height="150px" src="${showImgURL}${data.group_img}"/> 
					</c:if>
				</div>
				<div style="position:relative;float:left;width:99%" id="upimgButton">
				
					<a href="#">
					  
						<c:if test="${user_id ==data.create_id}">
							<div class="group_headadd" onclick="upimg('${data.group_img}')"> 上传群头像 </div>
						</c:if>
					</a>
				 </div>
			</div>
			<div class="zy_left02">
				<h3>群简介</h3>
				<div class="zy_left0201"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${data.group_txt} </div>
			</div>
			<div class="zy_left04">
				<h3>群信息</h3>
				<div class="zy_left0401">
					<div style="height:10px;"></div>
					<p> 所属类别：	${data.typename}	<br/>
						所属地区：	${data.location_nm} <br/>
						创建日期：${data.create_dt}		<br/>
						总浏览量：${data.view_cnt} 		<br/>
						 
					<p> 积   分：${data.integral}			<br/>
						成   员：${data.merber_cnt} 		<br/>
					</p>
				</div>
			</div>
		</div>
		<div class="home_group" style="border-left:1px solid #DDD; padding-left:10px;" id="mainPageDiv">
		
		</div>
	</div>
</div>

<div class="redivb02 retext09" style="positon:absolute;float:left;margin-top:50px;">京ICP备15004773号 &nbsp;&nbsp; &nbsp; &nbsp;  Copyright © 2015  &nbsp; &nbsp; &nbsp; &nbsp;   北京筑学堂企业管理咨询有限公司 &nbsp; &nbsp; &nbsp; &nbsp;  
 <span class=" retext10">www.zhuclass.com </span> </div>


</body>
</html>